<template>
	<view>
		<form>
		<!-- 地址 -->
		<view class="dizhi1">
			<view class="dixinxi">
				<view class="name">张三</view>
				<view class="haoma">135123159753</view>
			</view>
		    <view class="songdi">
				<i class="iconfont songdi1">&#xeb0e;</i>
				<view class="songdi2">青岛市崂山区同和路728号 金丽花园 201室</view>
			</view>
			<i class="iconfont dayu" @tap="addr()">&#xe639;</i>
		</view>
		<!-- 水桶采购地址 -->
		<view class="shuitong">
				<view class="shanglist shanglset1">
				<view class="warpshang">
					<view class="shang1">
						<image class="shoutu" src="../../static/images/shutongtu.png"></image>
						<view class="wenzi">
							<view class="wenzi1">
								<i class="iconfont xing xing1">&#xe601;</i>
								<view class="yuan1">原产地直产，品牌直卖</view>
							</view>
			                 <view class="lao">崂山矿泉水崂山</view>
							 <view class="lao">崂山矿泉水崂山</view>
							 <view class="lao shui1">富含矿物质，富含矿物质</view>
							 <view class="jiaqian">
									 <i class="iconfont qian">&#xe604;18</i>
									 <i class="heng1"></i>
									 <view class="jia">单价：18</view>
							</view>
						</view>
					</view>
				</view>	
			</view>	
			<!-- 横 -->	
			
		    <view class="shangpin"> 
		     	<i class="iconfont pin shui">&#xe612;</i>
			    <view  class="pin pai" >
					<input type="text"  placeholder="请选择品牌" class="pines"/>
					</view>
			    <view class="pin tong">
					<input type="text" placeholder="1桶" class="tonges" />
					</view>
			</view>
			<view class="shangpin"> 
			 	<i class="iconfont pin shui">&#xe6bc;</i>
			    <view  class="pin pai" >
					<input type="text"  placeholder="日期" class="pines"/>
					</view>
			    <view class="pin tong">
					<input type="text" placeholder="18:00:00" class="tonges" />
					</view>
			</view>	
			<input type="text"  placeholder="备注"/>		
			<button class="quensong" form-type="submit">立即送水</button> 
		</view> 
		</form>
	</view>
		
		
	
</template>

<script>
	export default {
	
		data() {
			return {
			     goodsId:'',
			     goodsNumber:'',
			     userId:'12321312312313',
				 deliveryTime:'',
				 addressId:'',
				 remark:'',	 
			}
		
		},
		onLoad() {
			//根据用户id获取地址
			/* uni.request({
				url: 'http://192.144.170.210/maishui/address/selectAddressByUserId', 
				method:'POST',
				data: {
					userId: '12321312312313'
				},
				header:{
					'content-type': 'application/x-www-form-urlencoded', 
				},
				success: (res) => {
					console.log(res);
					this.address = res.data.data;
					this.text = 'request success';
				}
			})	 */
			
	       
		},
		methods: {
			//添加地址
	      addr(){
				uni.navigateTo({
					url:"../adress/adress"
				})
			},
			//会员快速送水
			/* formSubmit(e){
				console.log(e)
				uni.request({
					url: 'http://192.144.170.210/maishui/order/memberQuickPayGoods', 
					method:'POST',
					data: {
						userId: this.userId,
						goodsId:this.goodsId,
						 deliveryTime:this.deliveryTime,
						addressId:this.addressId,
						remark:this.remark,
						goodsNumber:this.goodsNumber,
						
					},
					header:{
						'content-type': 'application/x-www-form-urlencoded', 
					},
					success: (res) => {
						console.log(res);
						this.address = res.data.data;
						this.text = 'request success';
					}
				})	
			}
			 */
		},
		
		
		
	}
</script>

<style>
	.dizhi1{
		display: flex;
		flex-direction: column;
		width: 95%;
		height: 218upx;
		background: #3B9CDB;
		margin: 12upx 20upx 18upx 20upx;
	}
	.dixinxi{
		width: 400upx;
		height: 86upx;
	}
	.name{
		font-size: 14px;
		color: #FFFFFF;
		float: left;
		padding: 44upx 0upx 0upx 62upx;
	}
	.haoma{
		font-size: 28upx;
		color: #FFFFFF;
		float: left;
		padding: 44px 0upx 0upx 28upx;
	}
	.songdi{
	}
	.songdi1{
        color: #FFFFFF;
		float: left;
		margin-top: 48upx;
		margin-left: 62upx;
	}
	.songdi2{
		font-size: 12px;
		color: #FFFFFF;
		float: left;
		margin-top: 48upx;
		margin-left: 8upx;
	}
	.dayu{
		color: #FFFFFF;
		position: absolute;
		top: 100upx;
		left: 640upx;
	}
	.shuitong{
		width: 750upx;
		height: 570upx;
		margin: 0upx 20upx;
	}
	 .shanglist{
		 width: 720upx;
		 height: 240upx;
		 margin: 120upx 8upx 8upx 22upx;
	 }
	 .xing1{
		 width: 50upx;
		 height: 24upx;
		 padding-left: 46upx;
	 }
	.yuan1{
		font-size: 12px;
		color: #BBBBBB;
	}
	.lao{
		font-size: 15px;
		margin-left: 260upx;
	}
	.shui1{
		font-size: 12px;
		color: #BBBBBB;
		margin-left: 260upx;
	}
	.jiaqian1{
		width: 320upx;
		height: 52upx;
	}
	.qian1{
		color: #3B9CDB;
		margin-left: 46upx;
		float: left;
		font-size: 15px;
	}
	.jia{
		font-size: 11px;
		color: #BBBBBB;
		float: left;
		line-height: 52upx;
	}
	.heng1{
		float: left;
		width: 2upx;
		height: 20upx;
		background: #ABABAB;
		margin-top: 14upx;
	}
	 .shanglset1{
		margin: 0upx 8upx 8upx 22upx;
	 }
	 .shoutu{
	 	 width: 216upx;
	 	 height: 218upx;
	 	 float: left;
	 }
	 .xing{
	 	 float: left;
	 	 color: #3B9CDB;
	 }
	 .xing1{
	 width: 50upx;
	 height: 24upx;
	 padding-left: 46upx;
 }
	.qian{
		color: #3B9CDB;
		margin-left: 46upx;
		float: left;
		font-size: 30upx;
	}
	.jia{
		font-size: 11px;
		color: #BBBBBB;
		float: left;
		line-height: 52upx;
	}
	.heng1{
		float: left;
		width: 2upx;
		height: 20upx;
		background: #ABABAB;
		margin-top: 14upx;
	}
	.shangpin{
		width: 100%;
		height: 80upx;
		border-bottom: 2upx solid #EEEEEE ;
	}
	.pin{
		 float: left;
		 line-height: 80upx;
		 color: #999999 ;
	}
	.shui{
		 margin-left: 38upx;
	}
	.pai{
		 margin-left: 12upx;
		 font-size: 14px;
	}
	.tong{
		 float: right;
		 margin-right: 236upx;
	}
	.shi{
		 float: right;
		 padding-right: 110upx;
	}
	.songzhu{
		font-size: 14px;
	}
	.quensong{
		width: 680upx;
		height: 80upx;
		background: #3B9CDB;
		color: #FFFFFF;
		line-height: 80upx;
		position: fixed;
		bottom: 80upx;
		left: 38upx;
	}
	.tonges{
		position: absolute;
		
	}
	
	
	
	
</style>
